<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>CKFinder - CKFinder 2 JavaScript API Documentation</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 230px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 260px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #7F8FB1 solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px;
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align: right;
	font-size: 10px;
}

		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
	<h1>CKFinder 2 JavaScript API Documentation</h1>
	<hr />
</div>

		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
		<div id="index">
			<!-- begin publish.classesIndex -->
			<div>
	<a href="../index.html">Code Index</a>
</div>
<hr />
<h2>Namespaces</h2>
<ul class="classList">
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.html">CKFinder</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ajax.html">CKFinder.ajax</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.config.html">CKFinder.config</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.html">CKFinder.dataTypes</a>
			</li>
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.html">CKFinder.dom</a>
			</li>
		
	
		
	
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.env.html">CKFinder.env</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.tools.html">CKFinder.tools</a>
			</li>
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>
			</li>
		
	
</ul>
<h2>Classes</h2>
<ul class="classList">
	
		
	
		
	
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.Acl.html">CKFinder.dataTypes.Acl</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.BasketFolder.html">CKFinder.dataTypes.BasketFolder</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.Connector.html">CKFinder.dataTypes.Connector</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.File.html">CKFinder.dataTypes.File</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.Folder.html">CKFinder.dataTypes.Folder</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.ResourceType.html">CKFinder.dataTypes.ResourceType</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.html">CKFinder.dialog</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.html">CKFinder.dialog.definition</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.button.html">CKFinder.dialog.definition.button</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.checkbox.html">CKFinder.dialog.definition.checkbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.content.html">CKFinder.dialog.definition.content</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.contentObject.html">CKFinder.dialog.definition.contentObject</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.file.html">CKFinder.dialog.definition.file</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.fileButton.html">CKFinder.dialog.definition.fileButton</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.hbox.html">CKFinder.dialog.definition.hbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.html.html">CKFinder.dialog.definition.html</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.radio.html">CKFinder.dialog.definition.radio</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.select.html">CKFinder.dialog.definition.select</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.textarea.html">CKFinder.dialog.definition.textarea</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.textInput.html">CKFinder.dialog.definition.textInput</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.uiElement.html">CKFinder.dialog.definition.uiElement</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.vbox.html">CKFinder.dialog.definition.vbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definitionObject.html">CKFinder.dialog.definitionObject</a>
			</li>
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.document.html">CKFinder.dom.document</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.domObject.html">CKFinder.dom.domObject</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>
			</li>
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.button.html">CKFinder.ui.dialog.button</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.checkbox.html">CKFinder.ui.dialog.checkbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.file.html">CKFinder.ui.dialog.file</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.fileButton.html">CKFinder.ui.dialog.fileButton</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.hbox.html">CKFinder.ui.dialog.hbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.html.html">CKFinder.ui.dialog.html</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.labeledElement.html">CKFinder.ui.dialog.labeledElement</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.radio.html">CKFinder.ui.dialog.radio</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.select.html">CKFinder.ui.dialog.select</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.textarea.html">CKFinder.ui.dialog.textarea</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.textInput.html">CKFinder.ui.dialog.textInput</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.uiElement.html">CKFinder.ui.dialog.uiElement</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.vbox.html">CKFinder.ui.dialog.vbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.xml.html">CKFinder.xml</a>
			</li>
		
	
		
	
</ul>
<hr />
			<!-- end publish.classesIndex -->
		</div>
		
		<div id="content">
<!-- ============================== class title ============================ -->
			<h1 class="classTitle">
				
				Namespace CKFinder
			</h1>

<!-- ============================== class summary ========================== -->			
			<p class="description">
				
				
			
				
				
			</p>

<!-- ============================== constructor summary ==================== -->			
			
			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class CKFinder.">
				<caption>Namespace Summary</caption>
				<thead>
					<tr>
						<th scope="col">Constructor Attributes</th>
						<th scope="col">Constructor Name and Description</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="attributes">&nbsp;</td>
						<td class="nameDescription" >
							<div class="fixedFont">
								<b><a href="../symbols/CKFinder.html#constructor">CKFinder</a></b>
							</div>
							<div class="description">The CKFinder class.</div>
						</td>
					</tr>
				</tbody>
			</table>
			

<!-- ============================== properties summary ===================== -->
			

				
				

				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class CKFinder.">
					<caption>Field Summary</caption>
					<thead>
						<tr>
							<th scope="col">Field Attributes</th>
							<th scope="col">Field Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.<b><a href="../symbols/CKFinder.html#._">_</a></b>
								</div>
								<div class="description">Private scope.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.<b><a href="../symbols/CKFinder.html#.config">config</a></b>
								</div>
								<div class="description">Holds the default configuration settings.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.<b><a href="../symbols/CKFinder.html#.dialog">dialog</a></b>
								</div>
								<div class="description">Dialog window namespace.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.<b><a href="../symbols/CKFinder.html#.dom">dom</a></b>
								</div>
								<div class="description">CKFinder.dom object.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.<b><a href="../symbols/CKFinder.html#.env">env</a></b>
								</div>
								<div class="description">CKFinder.env object.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.<b><a href="../symbols/CKFinder.html#.lang">lang</a></b>
								</div>
								<div class="description">Contains all loaded translations, use CKFinderAPI.lang instead.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.<b><a href="../symbols/CKFinder.html#.revision">revision</a></b>
								</div>
								<div class="description">Contains the CKFinder revision number.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.<b><a href="../symbols/CKFinder.html#.tools">tools</a></b>
								</div>
								<div class="description">CKFinder.tools object.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.<b><a href="../symbols/CKFinder.html#.version">version</a></b>
								</div>
								<div class="description">Contains the CKFinder version number.</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			

<!-- ============================== methods summary ======================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class CKFinder.">
					<caption>Method Summary</caption>
					<thead>
						<tr>
							<th scope="col">Method Attributes</th>
							<th scope="col">Method Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">CKFinder.<b><a href="../symbols/CKFinder.html#.addExternalPlugin">addExternalPlugin</a></b>(names, path, fileName)
								</div>
								<div class="description">Registers one or more plugins to be loaded from an external path instead of the core base path.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">CKFinder.<b><a href="../symbols/CKFinder.html#.addPlugin">addPlugin</a></b>(name, pluginDefinition, dependencies)
								</div>
								<div class="description">Registers a plugin.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">CKFinder.<b><a href="../symbols/CKFinder.html#.create">create</a></b>(basePath, width, height, selectActionFunction, callback)
								</div>
								<div class="description">Static "create".</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">CKFinder.<b><a href="../symbols/CKFinder.html#.getPluginPath">getPluginPath</a></b>(name)
								</div>
								<div class="description">Returns path to a plugin's folder.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">CKFinder.<b><a href="../symbols/CKFinder.html#.popup">popup</a></b>(basePath, width, height, selectActionFunction, callback)
								</div>
								<div class="description">Static "popup".</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">CKFinder.<b><a href="../symbols/CKFinder.html#.setPluginLang">setPluginLang</a></b>(pluginName, languageCode, languageEntries)
								</div>
								<div class="description">Registers language entries for a specified plugin.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">CKFinder.<b><a href="../symbols/CKFinder.html#.setupCKEditor">setupCKEditor</a></b>(editorObj, config, imageType, flashType)
								</div>
								<div class="description">Static "setupCKEditor".</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">CKFinder.<b><a href="../symbols/CKFinder.html#.setupFCKeditor">setupFCKeditor</a></b>(editorObj, config, imageType, flashType)
								</div>
								<div class="description">Static "setupFCKeditor".</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.html#appendTo">appendTo</a></b>(elementOrId, config)
								</div>
								<div class="description">Creates a new application instance inside a specific DOM element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.html#create">create</a></b>(config)
								</div>
								<div class="description">Renders CKFinder in the current document.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.html#popup">popup</a></b>(width, height)
								</div>
								<div class="description">Opens CKFinder in a popup.</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			

<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			
			<div class="details"><a name="constructor"> </a>
				<div class="sectionTitle">
					Namespace Detail
				</div>
				
				<div class="fixedFont" style="float:left">
						<b>CKFinder</b>
				</div>

				<div style="float:right">
					<span class="heading">Since:</span>
						
							2.0
						
				</div>
				<div style="clear:both"></div>
				
				<div class="description">
					The CKFinder class.Use it to integrate CKFinder with your website.
					
				</div>
				
				
				
					
						<pre class="code">var finder = new CKFinder( { width : 600 } );finder.basePath = "/ckfinder/";finder.create();</pre>
					
				
				
				
				
					
						<dl class="detailList">
						<dt class="heading">Parameters:</dt>
						
							<dt>
								<span class="light fixedFont">{Object}</span> <b>config</b>
								
							</dt>
								<dd>(Optional) The specific configurations to apply to this CKFinder instance. Configurations set here will override global CKFinder settings.</dd>
						
							<dt>
								<span class="light fixedFont">{Function}</span> <b>callback</b>
								
							</dt>
								<dd>(Optional) A function to be called when CKFinder will load. The callback function will be executed after receiving the result of the "Init" command, before loading files/folders from the server.</dd>
						
						</dl>
					
					
					
					
					
					

			</div>
			

<!-- ============================== field details ========================== -->		
			
				<div class="sectionTitle">
					Field Detail
				</div>
				
					<a name="._"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Object}</span>
					<span class="light">CKFinder.</span><b>_</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Private scope.
						
					</div>
					
					
					
						
					
					

						
						
						

					<hr />
				
					<a name=".config"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/CKFinder.config.html">CKFinder.config</a>}</span>
					<span class="light">CKFinder.</span><b>config</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Holds the default configuration settings. Changes to this object are reflected in all CKFinder instances, if not specificaly specified for those instances.
						
					</div>
					
					
					
						
					
					

						
						
						

					<hr />
				
					<a name=".dialog"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/CKFinder.dialog.html">CKFinder.dialog</a>}</span>
					<span class="light">CKFinder.</span><b>dialog</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Dialog window namespace.
						
					</div>
					
					
					
						
					
					

						
						
						

					<hr />
				
					<a name=".dom"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/CKFinder.dom.html">CKFinder.dom</a>}</span>
					<span class="light">CKFinder.</span><b>dom</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						CKFinder.dom object.
						
					</div>
					
					
					
						
					
					

						
						
						

					<hr />
				
					<a name=".env"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/CKFinder.env.html">CKFinder.env</a>}</span>
					<span class="light">CKFinder.</span><b>env</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						CKFinder.env object.
						
					</div>
					
					
					
						
					
					

						
						
						

					<hr />
				
					<a name=".lang"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Object}</span>
					<span class="light">CKFinder.</span><b>lang</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Contains all loaded translations, use CKFinderAPI.lang instead.
						
					</div>
					
					
					
						
					
					

						
						
						

					<hr />
				
					<a name=".revision"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Number}</span>
					<span class="light">CKFinder.</span><b>revision</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0.1
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Contains the CKFinder revision number.Revision number is incremented automatically after each modification of the CKFinder source code.
						
					</div>
					
					
					
						
							<pre class="code">alert( CKFinder.revision );  // e.g. '1175'</pre>
						
					
					

						
						
						

					<hr />
				
					<a name=".tools"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/CKFinder.tools.html">CKFinder.tools</a>}</span>
					<span class="light">CKFinder.</span><b>tools</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						CKFinder.tools object.
						
					</div>
					
					
					
						
							<pre class="code">var foo = CKFinder.tools.htmlEncode( "&lt;b>" );// foo is now &amp;lt;b&amp;gt;</pre>
						
					
					

						
						
						

					<hr />
				
					<a name=".version"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{String}</span>
					<span class="light">CKFinder.</span><b>version</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0.1
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Contains the CKFinder version number.
						
					</div>
					
					
					
						
							<pre class="code">alert( CKFinder.version );  // e.g. '2.0.1'</pre>
						
					
					

						
						
						

					
				
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					Method Detail
				</div>
				
					<a name=".addExternalPlugin"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Undefined}</span>
					<span class="light">CKFinder.</span><b>addExternalPlugin</b>(names, path, fileName)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Registers one or more plugins to be loaded from an external path instead of the core base path.
						
					</div>
					
					
					
						
							<pre class="code">CKFinder.addExternalPlugin( 'imageresize', '/ckfinder/plugins/imageresize/' );</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>names</b>
									
								</dt>
								<dd>The plugin names, separated by commas.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>path</b>
									
								</dt>
								<dd>The path of the folder containing the resource.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>fileName</b>
									
								</dt>
								<dd>The plugin file name. If not provided, the default name is used (plugin.js).</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name=".addPlugin"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Undefined}</span>
					<span class="light">CKFinder.</span><b>addPlugin</b>(name, pluginDefinition, dependencies)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Registers a plugin.<br />Note: Registered plugins are not loaded automatically, use <a href="../symbols/CKFinder.config.html#.extraPlugins">CKFinder.config.extraPlugins</a> to instruct CKFinder to load a plugin.
						
					</div>
					
					
					
						
							<pre class="code">// Passing function as a plugin definition.CKFinder.<strong>addPlugin( 'myplugin', function( api ) {</strong>	var toolId = api.addToolPanel( '&lt;h3>My tool&lt;/h3>&lt;p>Sample content.&lt;/p>' );	api.showTool( toolId );} );// Using a "static" create method.CKFinder.create( { <strong>extraPlugins : 'myplugin'</strong>, basePath : '/ckfinder/' } );</pre>
						
					
						
							<pre class="code">// Passing object as a plugin definition.CKFinder.<strong>addPlugin('basketTest'</strong>,{	basketToolbar :	[		[			'basketToolbarTest',			{				label : 'My Basket Button',				className : 'myBasketButton',				icon : false,				onClick : function( api )				{					alert( 'toolbar' );				},				disableEmpty : true			}		]	],	basketFileContextMenu :	[		[			'basketMenuTest',			{				label : 'My Basket menu item',				onClick : function()				{					alert( 'context menu' );				},				group : 'file1'			}		]	],	connectorInitialized : function( api, xml ) {		var thumbsUrl = xml.selectSingleNode( 'Connector/ConnectorInfo/@thumbsUrl' );		// Make sure the thumbsUrl attribute was there.		if ( thumbsUrl )			alert( 'Thumbs URL: ' + thumbsUrl.value );	},	connectorResponse : function( api, xml ) {		var nodes = xml.selectNodes( 'Connector/Files' );		if ( nodes.length )		{			nodes = xml.selectNodes( 'Connector/Files/File' );			var size = 0;			for ( var i = 0 ; i < nodes.length ; i++ )				size += parseInt( nodes[i].attributes.getNamedItem( 'size' ).value, 10 );			alert ( 'Total size of fetched files: ' + size + 'KB' );		}	},	appReady : function( api ) {		alert( 'appReady: ' + api.lang.FilesLoading );	},	galleryCallback : function( api, selected, files ) {		if ( selected.isImage() )		{			alert( 'Showing image named ' + selected.name );			return true;		}		return false;	},	uiReady : function( api ) {		api.addFileContextMenuOption( { label : 'uiReady test', command : "command1" } , function( api, file )			{				api.openMsgDialog( '', 'Using uiReady to add an item to file context menu.' );			});	},toolbarButtons :[		[			'MyButton',			{				label : 'My Button',
					// Specify "command" or "onClick"				// command : 'CreateSubFolder',				onClick : function ( api ) {					alert( 'CKFinder Id : ' + api.id );				},				icon : false			}		]]});// You can use the "CKFinder" class to render CKFinder in a page:var finder = new CKFinder();finder.<strong>extraPlugins = 'basketTest'</strong>;finder.basePath = '/ckfinder/';finder.create();</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>name</b>
									
								</dt>
								<dd>Plugin name.</dd>
							
								<dt>
									<span class="light fixedFont">{Function|Object}</span> <b>pluginDefinition</b>
									
								</dt>
								<dd>Plugin definition - a function (where <a href="../symbols/CKFinderAPI.html">CKFinderAPI</a> is passed as the first argument) or an object.<br />Supported are the following object properties:<ul><li>{Function} <strong>appReady</strong> - (Optional) A callback function that accepts one argument:  <ul>  <li>api - <a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>. All properties of this object should already be set.</li>  </ul>  Executed when the application is ready to run, before files and folders are loaded.</li><li>{Function} <strong>connectorInitialized</strong> - (Optional) A callback function that accepts two arguments:  <ul>  <li>api - <a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>. All properties of this object should already be set.</li>  <li>xml - <a href="../symbols/CKFinder.xml.html">CKFinder.xml</a> Contains information sent by the Init command.</li>  </ul>  Executed after CKFinder receives information sent by the Init command.</li><li>{Function} <strong>connectorResponse</strong> - (Optional) A callback function that accepts two arguments:  <ul>  <li>api - <a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>. All properties of this object should already be set.</li>  <li>xml - <a href="../symbols/CKFinder.xml.html">CKFinder.xml</a> Contains information sent from the connector.</li>  </ul>  Executed after CKFinder receives information sent by the connector.</li><li>{Function} <strong>uiReady</strong> - (Optional) A callback function that accepts one argument:  <ul>  <li>api - <a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>. Properties of this object are not set as of yet.</li>  </ul></li><li>{Function} <strong>galleryCallback</strong> - (Optional) A callback function that runs when the View command is triggered on a file.If it does not return a Boolean <code>true</code>, it falls back to displaying the file in a popup. It accepts three arguments:  <ul>  <li>api - <a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>. Properties of this object are not set as of yet.</li>  <li>selected - <a href="../symbols/CKFinder.dataTypes.File.html">CKFinder.dataTypes.File</a>. The selected file.</li>  <li>files - {Array}. An array of files contained within the folder, each represented by an instance of <a href="../symbols/CKFinder.dataTypes.File.html">CKFinder.dataTypes.File</a>.</li>  </ul></li><li>{Array} <strong>lang</strong> - (Optional) An array with language codes, needs to be set if localization files are included in a plugin.<div style="margin-left:80px">If set, CKFinder will look for a file named languageCode.js (en.js, de.js etc.) in the "lang" subfolder of a plugin.<br>Example: <code>[ 'en', 'pl' ]</code>.<br>If user language will be different than "en" or "pl", then the default language file will be loaded.</div></li><li>{Array} <strong>basketToolbar</strong> - (Optional) An array with definitions of extra toolbar buttons inside of the Basket folder. Each definition consists of:  <ul>  <li>{String} Unique command name.</li>  <li>{Object} Button definition:    <ul>    <li>{String} className - (Optional) A CSS class name for this button.</li>    <li>{String} label - Button label.</li>    <li>{String|Boolean} icon - Path to the button icon. Set to <code>false</code> to disable the icon.</li>    <li>{Function} onClick - A callback function to be executed when the button is pressed. <a href="../symbols/CKFinderAPI.html">CKFinderAPI</a> is passed as the first argument.</li>    <li>{Boolean} disableEmpty - (Optional) If set to true, the command will be disabled when the basket is empty.    </ul>  </li>  </ul></li><li>{Array} <strong>basketFileContextMenu</strong> - (Optional) An array with definitions of extra file context menu items inside of the Basket folder. Each definition consists of:  <ul>  <li>{String} Unique command name.</li>  <li>{Object} Menu item definition:    <ul>    <li>{String} label - Label displayed to the user.</li>    <li>{String} group (Optional) - Group of items to which an item should belong. Default is 'file1'.</li>    <li>{Function} onClick - A callback function to be executed when an item is selected.    Two parameters are passed:    <ul>    <li><a href="../symbols/CKFinderAPI.html">CKFinderAPI</a> CKFinder API object.</li>    <li><a href="../symbols/CKFinder.dataTypes.File.html">CKFinder.dataTypes.File</a> Currently selected file.</li>    </ul>    </li>    <li>{Boolean} disableEmpty - (Optional) If set to true, the command will be disabled when the basket is empty.    </ul>  </li>  </ul></li><li>{Array} <strong>toolbarButtons</strong> - (Optional) An array with definitions of extra toolbar buttons for custom plugin. Each definition consists of:  <ul>  <li>{String} Unique button name.</li>  <li>{Object} Button definition:    <ul>    <li>{String} className - (Optional) A CSS class name for this button.</li>    <li>{String} label - Button label.</li>    <li>{String|Boolean} icon - Path to the button icon. Set to <code>false</code> to disable the icon.</li>    <li>{Function} onClick - A callback function to be executed when the button is pressed. <a href="../symbols/CKFinderAPI.html">CKFinderAPI</a> is passed as the first argument.</li>    <li>{String} command - (Optional) Name of existing CKFinder command to execute with this button.</li>     </ul>  </li>  </ul></li></ul>Order of callback execution when CKFinder loads: <code>uiReady</code>, <code>appReady</code>, <code>connectorInitialized</code>. All callback functions are called only once, during CKFinder startup.</dd>
							
								<dt>
									<span class="light fixedFont">{Array}</span> <b>dependencies</b>
									
								</dt>
								<dd>(Optional) Array with plugins required by this plugin (e.g. <code>[ 'tools' ]</code>).</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name=".create"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span>
					<span class="light">CKFinder.</span><b>create</b>(basePath, width, height, selectActionFunction, callback)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Static "create".Accepts four arguments to set the most basic properties of CKFinder.It is possible to pass an object with selected properties as the only argument.
						
					</div>
					
					
					
						
							<pre class="code">  var api = CKFinder.create( '/ckfinder/', '100%', 400 );</pre>
						
					
						
							<pre class="code">  CKFinder.create( { basePath : '/ckfinder/', height : '400' } );</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String|Object}</span> <b>basePath</b>
									
								</dt>
								<dd>The URL path to the installation folder of CKFinder (CKFinder.config.basePath) or the configuration object.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>width</b>
									
								</dt>
								<dd>(Optional) CKFinder width (<a href="../symbols/CKFinder.config.html#.width">CKFinder.config.width</a>).</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>height</b>
									
								</dt>
								<dd>(Optional) CKFinder height (<a href="../symbols/CKFinder.config.html#.height">CKFinder.config.height</a>).</dd>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>selectActionFunction</b>
									
								</dt>
								<dd>(Optional) Function to be executed when a file is selected (<a href="../symbols/CKFinder.config.html#.selectActionFunction">CKFinder.config.selectActionFunction</a>).</dd>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>callback</b>
									
								</dt>
								<dd>(Optional) The callback function (<a href="../symbols/CKFinder.config.html#.callback">CKFinder.config.callback</a>).</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span> Public API.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".getPluginPath"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{String}</span>
					<span class="light">CKFinder.</span><b>getPluginPath</b>(name)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Returns path to a plugin's folder.
						
					</div>
					
					
					
						
							<pre class="code">// http://example.com/ckfinder/plugins/imageresize/alert( CKFinder.getPluginPath( 'imageresize' ) );</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>name</b>
									
								</dt>
								<dd>Plugin name.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> URL to a plugin's directory.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".popup"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span>
					<span class="light">CKFinder.</span><b>popup</b>(basePath, width, height, selectActionFunction, callback)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Static "popup".Accepts four arguments to set the most basic properties of CKFinder.It is possible to pass an object with selected properties as the only argument.
						
					</div>
					
					
					
						
							<pre class="code">  CKFinder.popup( '/ckfinder/', '100%', 400 );</pre>
						
					
						
							<pre class="code">  CKFinder.popup( { basePath : '/ckfinder/', height : '400' } );</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String|Object}</span> <b>basePath</b>
									
								</dt>
								<dd>The URL path to the installation folder of CKFinder (CKFinder.config.basePath) or the configuration object.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>width</b>
									
								</dt>
								<dd>(Optional) The popup window width. Default value is '80%'.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>height</b>
									
								</dt>
								<dd>(Optional) The popup window height. Default value is '70%'.</dd>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>selectActionFunction</b>
									
								</dt>
								<dd>(Optional) Function to be executed when a file is selected (<a href="../symbols/CKFinder.config.html#.selectActionFunction">CKFinder.config.selectActionFunction</a>).</dd>
							
								<dt>
									<span class="light fixedFont">{Function}</span> <b>callback</b>
									
								</dt>
								<dd>(Optional) The callback function (<a href="../symbols/CKFinder.config.html#.callback">CKFinder.config.callback</a>).</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span> Public API.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name=".setPluginLang"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Undefined}</span>
					<span class="light">CKFinder.</span><b>setPluginLang</b>(pluginName, languageCode, languageEntries)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Registers language entries for a specified plugin. Used only inside the plugin's language files.
						
					</div>
					
					
					
						
							<pre class="code">CKFinder.setPluginLang( 'dummy', 'en',{	dummy :	{		title : 'Dummy dialog',		menuItem : 'Open dummy dialog',		typeText : 'Please type some text.'	}});</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>pluginName</b>
									
								</dt>
								<dd>Name of the plugin.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>languageCode</b>
									
								</dt>
								<dd>Language code.</dd>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>languageEntries</b>
									
								</dt>
								<dd>Language entries.</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name=".setupCKEditor"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Undefined}</span>
					<span class="light">CKFinder.</span><b>setupCKEditor</b>(editorObj, config, imageType, flashType)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Static "setupCKEditor".If the editorObj is null, then CKFinder will integrate with all CKEditor instances.
						
					</div>
					
					
					
						
							<pre class="code">var editor = CKEDITOR.replace( 'editor1' );editor.setData( '&lt;p>Test.&lt;/p>' );CKFinder.setupCKEditor( editor, '/ckfinder/' ) ;</pre>
						
					
						
							<pre class="code">var editor = CKEDITOR.replace( 'editor1' );editor.setData( '&lt;p>Test.&lt;/p>' );CKFinder.setupCKEditor( editor, { basePath : '/ckfinder/', skin : 'v1' } ) ;</pre>
						
					
						
							<pre class="code">// Integrate with all existing and future CKEditor instances.CKFinder.setupCKEditor( null, { basePath : '/ckfinder/', skin : 'v1' } ) ;CKEDITOR.replace( 'editor1' );</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>editorObj</b>
									
								</dt>
								<dd>CKEditor instance. If <code>editorObj</code> is null, CKFinder will integrate with all CKEditor instances.</dd>
							
								<dt>
									<span class="light fixedFont">{Object|String}</span> <b>config</b>
									
								</dt>
								<dd>Object with selected configuration options. Alternatively, it might be just the <code>basePath</code> to CKFinder installation.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>imageType</b>
									
								</dt>
								<dd>Name of the resource type that should be used when CKFinder is launched from the Image dialog window. Default is "Images".</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>flashType</b>
									
								</dt>
								<dd>Name of the resource type that should be used when CKFinder is launched from the Flash dialog window. Default is "Flash".</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name=".setupFCKeditor"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Undefined}</span>
					<span class="light">CKFinder.</span><b>setupFCKeditor</b>(editorObj, config, imageType, flashType)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Static "setupFCKeditor".It is possible to pass an object with selected properties as a second argument.
						
					</div>
					
					
					
						
							<pre class="code">var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;oFCKeditor.BasePath	= '/fckeditor/' ;oFCKeditor.Value	= '&lt;p>Testing.&lt;/p>' ;CKFinder.setupFCKeditor( oFCKeditor, '../' ) ;oFCKeditor.Create() ;</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>editorObj</b>
									
								</dt>
								<dd>The FCKeditor instance.</dd>
							
								<dt>
									<span class="light fixedFont">{Object|String}</span> <b>config</b>
									
								</dt>
								<dd>Object with selected configuration options. Alternatively, it might be just the <code>basePath</code> to the CKFinder installation.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>imageType</b>
									
								</dt>
								<dd>Name of the resource type that should be used when CKFinder is launched from the Image dialog window. Default is "Images".</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>flashType</b>
									
								</dt>
								<dd>Name of the resource type that should be used when CKFinder is launched from the Flash dialog window. Default is "Flash".</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="appendTo"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span>
					<b>appendTo</b>(elementOrId, config)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Creates a new application instance inside a specific DOM element.
						
					</div>
					
					
					
						
							<pre class="code">var finder = new CKFinder();finder.basePath = "/ckfinder/";// Append CKFinder to &lt;div id="container">finder.appendTo( "container" );</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Object|String}</span> <b>elementOrId</b>
									
								</dt>
								<dd>The DOM element or its ID.</dd>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>config</b>
									<i>Optional</i>
								</dt>
								<dd>The specific configurations to apply to this		application instance. Configurations set here will override global CKFinder		settings.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span> Public API.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="create"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span>
					<b>create</b>(config)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Renders CKFinder in the current document.
						
					</div>
					
					
					
						
							<pre class="code">var finder = new CKFinder();finder.basePath = "/ckfinder/";var api = finder.create();</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>config</b>
									<i>Optional</i>
								</dt>
								<dd>The specific configurations to apply to thisapplication instance. Configurations set here will override global CKFinder settings.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span> Public API.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="popup"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span>
					<b>popup</b>(width, height)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Opens CKFinder in a popup. Accepts two basic parameters "width" and "height" setas numbers (pixels) or percent (of screen size) values.It is also possible to pass object with four properties as <strong>the only</strong>argument. These properties are: width, height, popupTitle, popupFeatures.
						
					</div>
					
					
					
						
							<pre class="code">var finder = new CKFinder();finder.basePath = "/ckfinder/";finder.popup( 600, 480 );</pre>
						
					
						
							<pre class="code">var finder = new CKFinder();finder.basePath = "/ckfinder/";finder.popup( { width : 600, height : 480, popupTitle : 'CKFinder Popup', popupFeatures : 'menubar=yes,modal=yes' } );</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String|Object}</span> <b>width</b>
									
								</dt>
								<dd>The popup window width or the configuration object.If width is used the default value is '80%'.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>height</b>
									
								</dt>
								<dd>The popup window height. Default value is '70%'.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>}</span> Public API.</dd>
							
							</dl>
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/CKFinder.config.html#.popupTitle">CKFinder.config.popupTitle</a></dd>
							
								<dd><a href="../symbols/CKFinder.config.html#.popupFeatures">CKFinder.config.popupFeatures</a></dd>
							
							</dl>
						

					
				
			

			<!-- ============================== event details ========================= -->		
			

			<hr />
		</div>
		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
	Copyright &copy; 2007-2015, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
</div>

	</body>
</html>
